var table = layui.table;

//执行渲染
var tableIns = table.render({
  elem: '#customerList' //指定原始表格元素选择器（推荐id选择器）
  , url: '/customer/list'
  , page: true
  , parseData: function (res) { //res 即为原始返回的数据
    console.log(res);
    return {
      "code": res.code, //解析接口状态
      "msg": res.msg, //解析提示文本
      "count": res.data.count, //解析数据长度
      "data": res.data.records //解析数据列表
    };
  }
  , cols: [[
    {field: 'realName', title: '真实姓名'},
    {field: 'sex', title: '性别'},
    {field: 'age', title: '年龄'},
    {field: 'phone', title: '电话'},
    {field: 'createTime', title: '创建时间'},
    {title: '操作', toolbar: '#barDemo'}
  ]]

});

/**
 * 按条件查询客户信息
 */
function query() {
  tableIns.reload({
    where: { //设定异步数据接口的额外参数，任意设
      realName: $("#realName").val()
      , phone: $('#phone').val()
    }
    , page: {
      curr: 1 //重新从第 1 页开始
    }
  });
}

function toAdd() {

  openLayer('/customer/toAdd', '新增客户');

  mySubmit('addSubmit', 'POST');

}


//监听工具条
table.on('tool(test)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
  var data = obj.data; //获得当前行数据
  var layEvent = obj.event; //获得 lay-event 对应的值
  var tr = obj.tr; //获得当前行 tr 的DOM对象

  let customerId = data.customerId;

  if(layEvent === 'detail'){ //查看
    //do somehing
    openLayer('/customer/toDetail/'+customerId,'客户详情');
  } else if(layEvent === 'del'){ //删除
    layer.confirm('真的删除行么', function(index){

      myDelete('/customer/'+ customerId);

      layer.close(index);
      //向服务端发送删除指令
    });
  } else if(layEvent === 'edit'){ //编辑
    //do something
    openLayer('/customer/toUpdate/'+customerId,'修改客户');

    //重新渲染,以防止radio 不能正常显示的问题
    layui.form.render();

    mySubmit('updateSubmit','PUT');
  }
});
